/*閸忣剙鍙″锟芥慨锟�*/
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select{margin:0;padding:0;}
body{font:12px "瀵邦喛钂嬮梿鍛寸拨","Arial Narrow",HELVETICA;background:#FFF;-webkit-text-size-adjust:100%;color:#fbfffd;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none; color:#f88324}
em{font-style:normal;}
li{list-style:none;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}
body,html{height: 100%}

/*閸忣剙鍙￠弽宄扮础*/
.fl{float: left}
.fr{float: right}
.clear:after{display: block;content: "";clear: both}



header{height: 60px;line-height: 60px;font-size: 18px;font-family: 瀵邦喛钂嬮梿鍛寸拨;font-weight: 600;
    background:#1d1616;position: fixed;width: 100%;opacity: 1; padding-left: 40px}
header h5{color: #fbfffd;line-height: 60px}
.welcome>span{color: #f4f5ff}
footer span{color: #fbfffd }
footer .info{text-align: center}




section{height: 100%;width: 100%;background: url("../images/u=3893857255,2866700128&fm=214&gp=0.jpg")
;background-size: cover;background-repeat: no-repeat;}
.title{line-height: 58px;font-size: 24px;font-weight: 500;color: #e8f2ef;text-align: center}
.sign{position: absolute;width: 400px;height: 400px;top: 20.6%;right: 40%;}/*border-radius: 16px;border: 2px double #f5f5f5*/


.sign_in{width: 100%;height: 292px;}
.userChoose{height: 60px;width: 100%;}
.userChoose>li{display: block;margin-left: 21px;line-height: 52px;width: 52px;height: 52px;border-radius: 50%;float: left;font-size: 16px;color:#E8F2EF
;cursor: pointer;text-align: center;border: 2px solid  #f4f5ff}
.userChoose>li:hover{background-color: #f4f5ff;color: #191a19  }


footer{position: absolute;bottom: 0;height: 60px;width: 100%;line-height: 60px;
    font-size: 18px;font-family: 瀵邦喛钂嬮梿鍛寸拨;font-weight: 600; }
.motai{background-color: transparent;position: absolute;bottom: 0;height: 60px;line-height: 30px;text-align: center}
.info>h4{line-height: 30px;color: #f4f5ff}


.form{height: 208px;width: 100%;margin-top: 15px}
.username{height: 40px;width: 80%;margin: 0 auto;border: 1px solid #8b8c90;border-radius: 16px;outline: none;background-color: transparent}
.username>input{border: none;outline: none;width: 70%;margin-left: 20%;height: 40px;background-color: transparent;
    font-size: 16px;color: #FFFFFF}
.password{height: 40px;width: 80%;margin: 15px auto;border: 1px solid #8b8c90;border-radius: 16px;outline: none;background-color: transparent}
.password>input{border: none;outline: none;width: 70%;margin-left: 20%;height: 40px;background-color: transparent;
    font-size: 16px;color: #FFFFFF}
.verification{width: 80%;height: 40px;margin: 0 auto;border: 1px solid #8b8c90;border-radius: 16px;}
.verification_input>input{width: 80%;height: 100%;border:none;outline: none;float: left;outline: none;
    background-color: transparent;color:#FFFFFF;padding-left: 10px;font-size: 16px;
}
.verification_input{width: 50%;height: 100%;float: right}
.verification_pic{width: 22.6%;margin-left: 10%;height: 100%;border: px solid #f5f5f5;
    border-radius: 2px;float: right}
.btn{width: 80%;height: 40px;background-color: #0096e6;color: #f5f5f5;font-size: 18px;margin-left: 10%;border-radius: 16px;
    outline: none;font-family: 瀵邦喛钂嬮梿鍛寸拨;font-weight: 300;margin-top: 15px;
}
.remember{width: 80%;height: 40px;margin: 0 auto}
.remember span{font-size: 16px;font-family: 瀵邦喛钂嬮梿鍛寸拨;color: #fffefa;line-height: 30px}
.remember input{border: none;outline: none;line-height: 30px;display: block;width: 16px;height: 16px;float: left; position: relative;top: 8px;
    left: 10px}
.rp{width: 50%;float: left}
.forgot{width: 50%;float: left;}
.forgot a{color: #fffefa}

.J_codeimg{

    width: 80px;
    height: 40px;
    color: #f5f5f5;
    display:block;
}